<div class="card bg-white border-grey bg-shadow pos-relative">
  <div class="card-body px-lg-3 py-lg-4">
    <h4 class="my-0">
      Project with image
    </h4>
  </div>
  <!-- Project image -->
  <img src="assets/img/projects/project-large.png" class="img-fluid card-img-top rounded-0" alt="Project image">
  <div class="card-body p-lg-5">
    <p>Aliquam illum nulla patria vulputate. Aliquam antehabeo appellatio brevitas fere incassum meus obruo pecus suscipere. Acsi antehabeo hendrerit lenis quidne similis suscipit.</p>
    <p>Comis consectetuer conventio eligo haero letalis obruo qui sit ulciscor. Iustum ludus virtus volutpat vulputate. Aliquip enim eum jumentum lobortis macto patria si valetudo. Abluo dolor facilisi loquor luctus olim probo quidne. Bene damnum eros modo nunc. Lucidus ludus refero voco. Adipiscing cogo humo interdico lenis os suscipit ullamcorper. Abbas caecus dolor nulla praemitto probo quidne similis utrum.</p>
    <p>Acsi causa fere natu nutus utinam. Capto causa eum jugis olim roto zelus. Mauris minim nulla volutpat. Dolor ideo nunc.</p>
    <dl class="row text-sm w-lg-50">
      <dt class="col-sm-3"><i class="la la-thumb-tack"></i> Client:</dt>
      <dd class="col-sm-9"><a href="https://wrapbootstrap.com/theme/appstrap-responsive-website-template-WB0C6D0H4?ref=tme">Themelize.me</a></dd>
      <dt class="col-sm-3"><i class="la la-calendar"></i> Date:</dt>
      <dd class="col-sm-9">Feb 2018</dd>
      <dt class="col-sm-3"><i class="la la-tags"></i> Category:</dt>
      <dd class="col-sm-9">Identity, Web</dd>
    </dl>
    <a href="https://wrapbootstrap.com/theme/appstrap-responsive-website-template-WB0C6D0H4?ref=tme" title="View Online" class="btn btn-outline-primary btn-sm btn-rounded btn-bold px-4 py-2">View Online <i class="la la-chevron-right ml-1"></i></a>
  </div>
</div>